<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>马蜂窝首页</title>
    <link href="css_10_首页示例.css" rel="stylesheet">
</head>
<body>
<!-----------------------------------头部-------------------------------------->
<div class="nav">
    <div class="nav-left"></div>
    <div class="nav-medium">
        <ul>
            <li><a href="">首页</a></li>
            <li><a href="">目的地</a></li>
            <li><a href="">去旅行</a></li>
            <li><a href="">订酒店</a></li>
            <li><a href="">社区</a></li>
        </ul>
    </div>
    <div class="nav-right">
        <div class="zc-left">
            <img src="images/denglu.png" class="zc-img">
            <a href="" class="a1">登录</a>
        </div>
        <div class="zc-left">
            <img src="images/zhuce.png" class="zc-img">
            <a href="register.html">注册</a>
        </div>
    </div>

</div>
<!------------------------------------横幅----------------------------------------->
<div class="banner">
    <a href="" class="show-img">
        <img src="images/4.png">
    </a>
    <ul class="show-nav">
        <li><a href=""><img src="images/small-banner1.png"></a> </li>
        <li><a href=""><img src="images/small-banner2.png"></a> </li>
        <li><a href=""><img src="images/small-banner3.png"></a> </li>
        <li><a href=""><img src="images/small-banner4.png"></a> </li>
        <li><a href=""><img src="images/small-banner5.png"></a> </li>

    </ul>
        <div class="search-area">
        <form action="" class="search-form">
            <input type="text" class="keyword" placeholder="搜索目的地/酒店/攻略/旅行特价">
            <button class="search-btn">搜索</button>
        </form>
    </div>
</div>
<!-----------------------------------主要内容-------------------------------------------->
<div class="main">
    <!--左边推广-->
    <div class="aside-ad">
        <ul>
            <li class="ad-item">
                <h2>旅行家专栏</h2>
                <a href=""><img src="images/lvxingjia.png"></a>
                <a href="">西安:旧长安的画皮</a><br>
                <textarea>西安这座曾经的13朝古都，在今天更像旧长安的画皮，城墙完整绵延，一切就像一张唐画的影印本。</textarea>
            </li>
            <li class="ad-item">
                <h2>旅游攻略推荐</h2>
                <a href=""><img src="images/tuijian.png"></a>
                <a href="">盘点丹麦有趣的博物馆，换种方式让历史不再“无聊”</a><br>
            </li>
            <li class="ad-item">
                <h2>未知旅行实验室</h2>
                <a href=""><img src="images/shiyanshi.png"></a>
            </li>
            <li class="ad-item">
                <h2>加入马蜂窝</h2>
                <a href=""><img src="images/jiaru.png"></a>
            </li>
            <li class="ad-item">
                <h2>马蜂窝旅游网最新资讯</h2>
                <span>04月07日</span>
                <a href="">马蜂窝“云旅游”直播的攻与守</a><br>
                <span>04月01日</span>
                <a href="">马蜂窝的“云上战疫”</a><br>
                <span>02月19日</span>
                <a href="">科技“战疫” ：马蜂窝大数据赋能旅游业</a><br>
                <span>02月13日</span>
                <a href="">陈罡：疫情下旅游业的“守恒与求变”</a><br>
                <span>02月06日</span>
                <a href="">马蜂窝将退订完成率定为最高KPI</a><br>
                <span>01月28日</span>
                <a href="">国庆白领出游偏好调查：超7成在旅途中工作，更愿意错峰出行</a>
            </li>

        </ul>

    </div>
    <!--右边游记列表-->
    <div class="right-note-list">
        <div class="header">
            <a href="" class="header-left">热门游记</a>
            <a href="" class="header-right">最新发表</a>
        </div>
        <div class="note-main">
            <ul>
                <li>
                    <img src="images/note1.png">
                    <div class="text">
                        <a href="">厦门——一座心心念念已久的城市！</a><br>
                        <textarea>多年前，我一好哥们儿给我发信息，他说，“我准备去 厦门 拍婚纱，要不一起顺便去 厦门 玩儿几天吧，反正也一直没去过。”我说：“行啊，那你提前把时间计划好。”可是等他们安排好时间，我却因事走不开。曾经多次有机会去 厦门 ，甚至都开始了最初的计划，但总是因为这些哪些重要或不重要的事情耽搁。每次的错过都是发生在犹豫不决的时候，我已经不记得距离上次犹豫不决过去了多久，当我再次下定决心的时候，时间已经到了2021年，显然这次我不想再错过。虽然就整个世界而言疫情依然还再肆虐，依然再考验着人类，但得益于祖国不惜一切代价抗疫的决心，国内的疫情还是有很大缓解，让我们得以能够自由的游历广袤的祖国。于是我们决定在今年五一和朋友一起去感受 厦门 这座美丽的城市。正好今年五一有五天时间，一切都是刚刚好，或许之前的每次错过，都是为了这一次的相遇。</textarea>
                    </div>
                </li>
                <li>
                    <img src="images/note2.png">
                    <div class="text">
                        <a href="">用脚量地球之云南~~~浮华褪去，在昆丽普享受难得的静谧时光</a><br>
                        <textarea>其实这是一次说走就走的旅行，全程无固定目的地和攻略，谁叫我已离不开某人了呢？！    不知道大家此刻的感受是甜蜜还是心酸呢🍯🍯🍯🍋🍋🍋Sorry！说起 云南 我也是来过无数次，但每次都有心动💗💗💗的感觉，哪怕是故地重游，所以，旅行的毒已深入我的骨髓，无药可救了！这不，这次的 昆明 和 丽江 我都来过，不过在我眼里风景依旧美丽，不信，先来看看预告片呗！👀👀👀</textarea>
                    </div>
                </li>
                <li>
                    <img src="images/note3.png">
                    <div class="text">
                        <a href="">不典型蓉城夏日之旅（成都巴适指南2.0版本）</a><br>
                        <textarea>预览 | 百去不厌的天府之城也不知道从什么时候起，每年去一趟 成都 变成了生活中的重要KPI。这里古今交织、安逸舒适、热闹繁华、幸福感超高，自然让无数人流连忘返，而每次在这座城中用心探索，也总能收获不一样的精彩，让自己老早就设定好的“蓉城补全计划”一直处于“未完成”的扩张状态，索性不如抛开所有顾虑、在 成都 尽情随心游走，每一次任性的惊喜也是享受当下快乐的印迹。</textarea>
                    </div>
                </li>
                <li>
                    <img src="images/note4.png">
                    <div class="text">
                        <a href="">五進雲南---昆明.大理.麗江.香格里拉.德欽</a><br>
                        <textarea>五進雲南，有人說我太執著了，雲南該去過的景點也都去過了。這次千辛萬苦的回來，雲南並不是我首選準備去旅遊的地方，但是常常一起出遊的好朋友說沒有去過雲南，怎麼辦？只好捨命陪君子了。因為是舊地重遊，也不想太傷腦筋，就把想要去的景點列出來，交由百度上推薦的旅遊定制師來安排：四人特制，專人專車服務，包含麗江到香格格 里拉 五天的住宿，景區第一道門票和擺渡車，每人2080元人民幣，行程如下：行程開始後幾經波折、調整，每人又多付1560元人民幣，最終行程定案如下：
                            16日〮 大理 接站 住 大理 （自訂）
                            17日〮 大理 古城〸三塔 住 大理 （自訂）
                            18日〮汽車環洱海---到麗江 住麗江
                            19日〮雲杉坪〸藍月谷〸麗江古城 住麗江
                            20日〮麗江---瀘沽湖觀景台〸豬槽船游湖〸篝火晚會 住瀘沽湖
                            21日〮草湖〸走婚橋---麗江 住麗江
                            22日〮麗江--- 香格里拉 虎跳峽〸松贊林寺 住 香格里拉
                            23日〮 香格里拉 ---梅里十三塔〸飛來寺〸觀景台 住梅里（自訂）
                            24日〮梅里--- 巴拉 宗谷景區 住 香格里拉
                            25日〮 香格里拉 --- 大理 〸 喜洲 〸雙廊〸挖色鎮 住才村（自訂）
                            26日〮 大理 蝴蝶泉〸 周庄 住 大理 港（自訂）因為朋友是第一次 上高 原，所以在20天前我就買了防高反的紅景天，和一些應急藥品，讓他們早早的就開始飲用，整個行程下來，效果不錯，只有輕微的反應，我們安全、順利的結束旅程。</textarea>
                    </div>
                </li>
                <li>
                    <img src="images/note5.png">
                    <div class="text">
                        <a href="">【拯救周末计划】在上海，你总能找到爱上她的理由(小众√)</a><br>
                        <textarea>两年前，我在马蜂窝写下第一篇 上海 游记：
    http://www.mafengwo.cn/i/18143713.html在这篇游记中，我介绍了几条相对不那么热门、又很适合深度游的老建筑漫步路线。这篇比较偏历史和建筑科普向。
    没多久，第二篇游记出炉：
    http://www.mafengwo.cn/i/19615888.html
    这里我介绍了16家 上海 有趣的书店，带有探店性质的游记。
    这当然不会是全部。
    作为土生土长的土著， 上海 的每一点变化和更新我都会默默记下来，一有空就去拔草。
    自从疫情之后，我就开始花较多的时间在自己的城市里探索，许许多多个周末，我和闺蜜们去看展，去公园郊游，去黄 浦江 边吹风散步骑行，标记了很多宝藏打卡点。
    所以【好玩的魔都】第③弹来了！这次我会更着重体验感，而不只是走马观花式的游览。
    常规热门景点怎样才能玩出新意？
    上海 哪里拍照好看又能避开人潮？
    哪些老洋房是可以进入参观的？
    除了城市景观， 上海 还能看什么？
    你知道 上海 看展最棒的地方在哪里吗？
    接下来，就请认真阅读本文并收藏~
    【预览】喜欢上海的理由
    这是一座海纳百川的城市，新老建筑荟萃，未来与复古并存，常看常新，独一无二。

                        </textarea>
                    </div>
                </li>
                <li>
                    <img src="images/note6.png">
                    <div class="text">
                        <a href="">拯救周末计划｜魔都去看展</a><br>
                        <textarea>作为一个爱看展的魔都土著，“西岸”是我经常光顾的地方，这个超大规模的文化艺术群落，聚集了很多艺术机构与空间，著名的有龙美术馆、西岸美术馆、余德耀美术馆等等，经常上新很多展览，基本每月都要来打卡几次。但是位于西岸美术馆斜对面的这家西岸艺术中心，却让人感觉很少营业的亚子，间隔很长一段时间才“上新”，不过属于不鸣则已的那种，上一次来看的展是“走进香奈儿”展，这一次又是“感知香奈儿”😁。
【展览简介】
通过香气、色彩、声音，沉浸于一个通感世界，感知香奈儿专属调香师奥利维耶·波巨创作背后的意象。2021年正值香奈儿5号香水诞生100周年，香奈儿选择用“感知”的方式，邀你一起共赴这场穿越百年的世纪之约。
本次展览围绕着香奈儿具有代表性的香水展开，为每款香奈儿香水设置了独立的展厅。
                        </textarea>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
<!-------------------------------------底部----------------------------------------------->
<div class="footer">

</div>

</body>
</html>